<template>
	<!-- 卡片列表脚部组件 -->
	<view class="component" v-if="!isHide">

		<!-- <text v-show="isLoading">加载中...</text> -->
		<!-- <text v-show="!isHasMore && !isLoading">没有更多数据了</text> -->

		<uni-load-more v-show="isLoading" status="loading"></uni-load-more>
		<uni-load-more v-show="!isHasMore && !isLoading" status="noMore"></uni-load-more>

	</view>
</template>


<script setup>
	const props = defineProps({
		// 是否正在加载状态
		isLoading: {
			type: Boolean,
		},
		// 是否还有更多数据
		isHasMore: {
			type: Boolean,
		},
		// 是否需要隐藏脚部组件
		isHide: {
			type: Boolean,
		}
	});
</script>


<style lang="scss" scoped>
	@use 'style.scss';
</style>